﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/MainSite.Master" CodeBehind="FAQ.aspx.cs" Inherits="Layout_website.View.FAQ" %>

<%-- Header content placeholder --%>
<asp:Content ContentPlaceHolderID="HeaderBlock" ID="banner_content" runat="server">
</asp:Content>
<%-- Banner content placeholder --%>
<asp:Content ContentPlaceHolderID="SliderBlock" ID="Content1" runat="server">
</asp:Content>
<%-- Content content placeholder --%>
<asp:Content ContentPlaceHolderID="ContentBlock" ID="Content2" runat="server">
  <section class="content-wrapper">
	<div class="content-container container">
        <div class="col-main-left">
        <h1 class="page-title">FAQ</h1>
        <div class="block-01">
            <h4>Frequently Asked Questions</h4>
            <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
            <script>
                $(function () {
                    $("#accordion").accordion();
                });
            </script>
            <ul id="accordion" class="q-a-block">
                <li>
                    <a href="#" title="">1- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a>
                    <div>
                        Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.
                        Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                    </div>
                </li>
                <li>
                    <a href="#" title="">2- Vivamus porttitor, neque at volutpat rutrum, purus nisi eleifend libero.</a>
                    <div>
                        Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.
                        Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                    </div>
                </li>
                <li>
                    <a href="#" title="">3- Mauris neque metus, malesuada nec, ultricies sit amet, porttitor mattis, enim.</a>
                    <div>
                        Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.
                        Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                    </div>
                </li>
                <li>
                    <a href="#" title="">4- Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</a>
                    <div>
                        Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.
                        Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                    </div>
                </li>
                <li>
                    <a href="#" title="">5- Etiam nulla massa, pharetra facilisis, volutpat in, imperdiet sit amet, sem.</a>
                    <div>
                        Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.
                        Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                    </div>
                </li>
                <li>
                    <a href="#" title="">6- Maecenas placerat, nisl at consequat rhoncus, sem nunc gravida justo, quis eleifend quis lacus.</a>
                    <div>
                        Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.
                        Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                    </div>
                </li>
            </ul>
        </div>
             <%-- Pagination for news post --%>
        <div class="pagination">
            <ol class="wp-paginate">
                <li><span class="title">Pages:</span></li>
                <li><a class="prev" href="#">&laquo;</a></li>
                <li><span class="page current">1</span></li>
                <li><a class="page" title="2" href="#">2</a></li>
                <li><a class="page" title="3" href="#">3</a></li>
                <li><a class="page" title="4" href="#">4</a></li>
                <li><a class="page" title="5" href="#">5</a></li>
                <li><a class="next" href="#">&raquo;</a></li>
            </ol>
        </div>

        <h1 class="page-title"></h1>
        <h4>&nbsp; Gửi câu hỏi</h4>
        <div class="contact-form-container">
            <ul class="form-fields">
                <li class="left">
                    <label>Họ Tên<em>*</em></label>
                    <input type="text" />
                </li>
                <li class="left">
                    <label>Email<em>*</em></label>
                    <input type="text" />
                </li>
                <li class="left">
                    <label>Số Điện Thoại</label>
                    <input type="text" />
                </li>
                <li class="full-row">
                    <label>Nội Dung<em>*</em></label>
                    <textarea></textarea>
                </li>

                <li class="left">
                    <label>Mã bảo vệ<em>*</em></label>
                    <input type="text" />

                </li>
                <li class="left">
                    <label></label>
                    <input type="text" value="REWTGFD" />
                </li>
            </ul>
            <div class="button-set">
                <p class="required">* Trường bắt buộc</p>
                <button type="submit" class="form-button"><span>Gửi câu hỏi</span></button>
            </div>
        </div>

    </div>
      
   </div>
      </section>
		
		
</asp:Content>
<%-- Footer content placeholder --%>
<asp:Content ContentPlaceHolderID="FooterBlock" ID="Content3" runat="server">
</asp:Content>